<template>
<!--    <el-form ref="form" :model="item.tpl" v-if="item.tpl" label-width="100px" size="mini">
        <el-form-item label="展示模式">
            <el-radio-group v-model="item.tpl.list.sizeMode">
                <el-radio label="lg">大图</el-radio>
                <el-radio label="sm">小图</el-radio>
                <el-radio label="lg-sm2">大小图</el-radio>
                <el-radio label="detail">详细</el-radio>
            </el-radio-group>
        </el-form-item>
        <c-border :border="item.tpl.list.border" label="边框" mclass="bb"></c-border>
        <c-margin :margin="item.tpl.list.margin" label="外边距" mclass="bb"></c-margin>
        <c-margin :margin="item.tpl.list.padding" label="内边距" mclass="bb"></c-margin>

        <el-form-item label="文字">
            <el-radio-group v-model="item.tpl.list.txt.show">
                <el-radio :label="true">显示</el-radio>
                <el-radio :label="false">隐藏</el-radio>
            </el-radio-group>
            <div class="form-item-ext" v-show="item.tpl.list.txt.show" style="margin-left: -30px;margin-top:10px;">
                <el-form :model="item.tpl.list.txt" label-width="70px" size="mini">
                    <el-form-item label="文本模式">
                        <el-radio-group v-model="item.tpl.list.txt.themeMode">
                            <el-radio label="normal">普通</el-radio>
                            <el-radio label="air">悬浮</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="垂直对齐">
                        <el-radio-group v-model="item.tpl.list.txt.align" size="mini">
                            <el-radio-button label="top">上</el-radio-button>
                            <el-radio-button label="middle">中</el-radio-button>
                            <el-radio-button label="bottom">下</el-radio-button>
                        </el-radio-group>
                    </el-form-item>
                    <c-bg :bg="item.tpl.list.txt.bg"></c-bg>
                    <c-txt :txt="item.tpl.list.txt.name" label="名称" :hidden-content="true"></c-txt>
                    <c-txt :txt="item.tpl.list.txt.desc" label="描述" :hidden-content="true"></c-txt>
                    <c-margin label="内边距" :margin="item.tpl.list.txt.padding"></c-margin>
                    <c-margin label="外边距" :margin="item.tpl.list.txt.margin"></c-margin>
                </el-form>
            </div>
        </el-form-item>
    </el-form>-->
</template>

<script type="text/javascript">

    import { mapState, mapActions } from 'vuex';

    import cBg from '../common-ele/bg';
    import cBorder from '../common-ele/border';
    import cIcon from '../common-ele/icon';
    import cTxt from '../common-ele/txt';
    import cMargin from '../common-ele/margin';

    export default {
        props: [ 'item' ],
        data () {
            return {}
        },
        mounted: function () {

        },
        components: {
            cBg,
            cBorder,
            cIcon,
            cTxt,
            cMargin,
        },
        watch: {

        },
        computed: mapState([

        ]),
        methods: {
            ...mapActions([

            ])
        }
    }
</script>

<style lang="scss" scoped>
    .form-props .control-label{
        padding-left:0px;
        padding-right: 0px;
    }
</style>
